<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title></title>
    <link rel="stylesheet" href="../../build/aui-css/css/bootstrap.css">
    <script src="../../build/aui/aui.js"></script>
</head>
<body>
    <h1>AlloyUI - Scheduler</h1>
    <div id="scheduler"></div>
    <script>
    YUI({ filter: 'raw' }).use('aui-scheduler', function(Y) {

        var items = [
            {
                content: 'Wake Early'
            },
            {
                content: 'Exercise'
            },
            {
                content: 'Review or (even better) Rewrite Your Goals',
                startDate: new Date(2013, 1, 4, 12),
                endDate: new Date(2013, 1, 4, 16)
            },
            {
                content: 'Event 1',
                startDate: new Date(2014, 6, 4),
                endDate: new Date(2014, 6, 20),
                allDay: true
            },
            {
                content: 'Event 2',
                startDate: new Date(2014, 6, 4),
                endDate: new Date(2014, 6, 20),
                allDay: true
            },
            {
                content: 'Event 3',
                startDate: new Date(2014, 6, 4),
                endDate: new Date(2014, 6, 20),
                allDay: true
            },
            {
                content: 'Other event',
                startDate: new Date(2014, 6, 20),
                endDate: new Date(2014, 6, 22),
                allDay: true
            },
            {
                content: 'Other event 2',
                startDate: new Date(2014, 6, 23),
                endDate: new Date(2014, 6, 28),
                allDay: true
            },
            {
                content: 'Multy Day Event',
                startDate: new Date(2015, 6, 4),
                endDate: new Date(2015, 6, 29),
                allDay: true
            }
        ];

        var schedulerViews = [
            new Y.SchedulerWeekView(),
            new Y.SchedulerDayView(),
            new Y.SchedulerMonthView(),
            new Y.SchedulerAgendaView()
        ];

        new Y.Scheduler({
            boundingBox: '#scheduler',
            items: items,
            views: schedulerViews,
            activeView: schedulerViews[2],
            eventRecorder: new Y.SchedulerEventRecorder()
            // firstDayOfWeek: 1,
            // activeView: weekView,
            // views: [dayView, weekView, monthView, agendaView]
        }).render();

    });
    </script>
</body>
</html>